<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Blog</title>
<link href="style/960.css" rel="stylesheet" type="text/css" />
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/fancybox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/min.js"></script>
<script  type="text/javascript" src="js/script.js"></script>
</head>

<body>
<!--container_12 start here-->
<div class="container_12"> 
  
  <!--grid_12 start here-->
  <div class="grid_12"> 
    
    <!--logo_container start here-->
    <div id="logo_container"> <a href="#" id="logo"></a>
      <div class="clear"></div>
      <div class="tag_line">your tagline</div>
    </div>
    <!--logo_container end here-->
    
    <div id="nav_wrapper">
      <ul id="nav">
        <li><a href="index.html">Home</a></li>
        <li ><a href="about.html">About</a></li>
        <li><a href="#">Portfolio</a>
          <ul>
            <li><a href="portfolio-single.html">Portfolio single</a></li>
            <li><a href="portfolio.html">Portfolio 2 Column</a></li>
            <li><a href="portfolio-3col.html">Portfolio 3 Column</a></li>
          </ul>
        </li>
        <li><a href="contact.html">Contact</a></li>
        <li class="current_page_item"><a href="blog.html">Blog</a></li>
      </ul>
    </div>
  </div>
  <!--grid_12 end here-->
  <div class="clear"></div>
  
  <!--grid_12 start here-->
  <div class="grid_12">
    <ul id="q_nav">
      <li><a href="index.html">home</a></li>
      <li><a href="#">/</a></li>
      <li><a href="#"  class="active">Blog</a></li>
    </ul>
    <div class="clear"></div>
    <hr />
  </div>
  <!--grid_12 end here-->
  <div class="clear"></div>
  
  <!--grid_12 start here-->
  <div class="grid_12"> 
    
    <!--main_heading start here-->
    <div class="main_heading">
      <h2>One company, <font class="pink">an awesome team</font>, tremendiously serving
        hundreds of satisfied clients, around the globe.</h2>
    </div>
    <!--main_heading end here--> 
    
  </div>
  <!--grid_12 end here--> 
  
  <!--blog start here-->
  <div class="blog">
    <div class="grid_3">
      <ul class="post_stats">
        <li class="b_date">Nov 1st, 2012</li>
        <li class="b_cat">Category 1, Category 2</li>
        <li class="b_user">Admin Greepit.com</li>
        <li class="b_comm">34 comments</li>
      </ul>
    </div>
    <!--grid_3 end here--> 
    
    <!--grid_3 start here-->
    <div class="grid_9">
      <h1>Lorem ipsum dolor sit amet</h1>
      <div class="img_blog"></div>
      <br />
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
      <div class="send_btn"><a href="#">Read More</a></div>
    </div>
    <!--grid_9 end here--> 
    
  </div>
  <!--blog end here--> 
  
  <!--blog start here-->
  <div class="blog">
    <div class="grid_3">
      <ul class="post_stats">
        <li class="b_date">Nov 1st, 2012</li>
        <li class="b_cat">Category 1, Category 2</li>
        <li class="b_user">Admin Greepit.com</li>
        <li class="b_comm">34 comments</li>
      </ul>
    </div>
    <!--grid_3 end here--> 
    
    <!--grid_3 start here-->
    <div class="grid_9">
      <h1>Lorem ipsum dolor sit amet</h1>
      <div class="img_blog"></div>
      <br />
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
      <div class="send_btn"><a href="#">Read More</a></div>
    </div>
    <!--grid_9 end here--> 
    
  </div>
  <!--blog end here--> 
  
  <!--blog start here-->
  <div class="blog">
    <div class="grid_3">
      <ul class="post_stats">
        <li class="b_date">Nov 1st, 2012</li>
        <li class="b_cat">Category 1, Category 2</li>
        <li class="b_user">Admin Greepit.com</li>
        <li class="b_comm">34 comments</li>
      </ul>
    </div>
    <!--grid_3 end here--> 
    
    <!--grid_3 start here-->
    <div class="grid_9">
      <h1>Lorem ipsum dolor sit amet</h1>
      <div class="img_blog"></div>
      <br />
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
      <div class="send_btn"><a href="#">Read More</a></div>
    </div>
    <!--grid_9 end here--> 
    
  </div>
  
  <!--blog end here--> 
  
  <!--blog start here-->
  <div class="blog">
    <div class="grid_3">
      <ul class="post_stats">
        <li class="b_date">Nov 1st, 2012</li>
        <li class="b_cat">Category 1, Category 2</li>
        <li class="b_user">Admin Greepit.com</li>
        <li class="b_comm">34 comments</li>
      </ul>
    </div>
    <!--grid_3 end here--> 
    
    <!--grid_3 start here-->
    <div class="grid_9">
      <h1>Lorem ipsum dolor sit amet</h1>
      <div class="img_blog"></div>
      <br />
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
      <div class="send_btn"><a href="#">Read More</a></div>
    </div>
    <!--grid_9 end here--> 
    
  </div>
  <!--blog end here--> 
  
  <!--blog start here-->
  <div class="blog">
    <div class="grid_3">
      <ul class="post_stats">
        <li class="b_date">Nov 1st, 2012</li>
        <li class="b_cat">Category 1, Category 2</li>
        <li class="b_user">Admin Greepit.com</li>
        <li class="b_comm">34 comments</li>
      </ul>
    </div>
    <!--grid_3 end here--> 
    
    <!--grid_3 start here-->
    <div class="grid_9">
      <h1>Lorem ipsum dolor sit amet</h1>
      <div class="img_blog"></div>
      <br />
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
      <div class="send_btn"><a href="#">Read More</a></div>
    </div>
    <!--grid_9 end here--> 
    
  </div>
  <!--blog end here--> 
  
  <!--blog start here-->
  <div class="blog">
    <div class="grid_3">
      <ul class="post_stats">
        <li class="b_date">Nov 1st, 2012</li>
        <li class="b_cat">Category 1, Category 2</li>
        <li class="b_user">Admin Greepit.com</li>
        <li class="b_comm">34 comments</li>
      </ul>
    </div>
    <!--grid_3 end here--> 
    
    <!--grid_3 start here-->
    <div class="grid_9">
      <h1>Lorem ipsum dolor sit amet</h1>
      <div class="img_blog"></div>
      <br />
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
      <div class="send_btn"><a href="#">Read More</a></div>
    </div>
    <!--grid_9 end here--> 
    
  </div>
  <!--blog end here--> 
  
  <!--blog start here-->
  <div class="blog">
    <div class="grid_3">
      <ul class="post_stats">
        <li class="b_date">Nov 1st, 2012</li>
        <li class="b_cat">Category 1, Category 2</li>
        <li class="b_user">Admin Greepit.com</li>
        <li class="b_comm">34 comments</li>
      </ul>
    </div>
    <!--grid_3 end here--> 
    
    <!--grid_3 start here-->
    <div class="grid_9">
      <h1>Lorem ipsum dolor sit amet</h1>
      <div class="img_blog"></div>
      <br />
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
      <div class="send_btn"><a href="#">Read More</a></div>
    </div>
    <!--grid_9 end here--> 
    
  </div>
  <!--blog end here-->
  
  <div class="clear"></div>
  
  <!--grid_12 start here-->
  <div class="grid_12"> 
    
    <!--footer start here-->
    
    <div id="footer"> 
      
      <!--grid_3 start here-->
      <div class="grid_3">
        <h1>Stay in touch</h1>
        <input name="" type="text" />
        <a href="javascript:" class="text_shadow"><b>Subscribe</b></a> </div>
      <!--grid_3 end here--> 
      
      <!--grid_3 start here-->
      <div class="grid_3 nomarginright">
        <h1>Partners</h1>
        <br />
        <p class="text_shadow">eGrappler.com - Open source resources for designers and developers.</p>
      </div>
      <!--grid_3 end here--> 
      
      <!--grid_3 start here-->
      <div class="grid_2 nomarginright paddingleft">
        <h1>Show some love</h1>
        <div class="social_icon"><a href="#"><img src="images/fb.png" width="16" height="16" alt="" /></a></div>
        <div class="social_icon"><a href="#"><img src="images/twt.png" width="16" height="16" alt="" /></a></div>
        <div class="social_icon"><a href="#"><img src="images/in.png" width="16" height="16" alt="" /></a></div>
        <div class="social_icon"><a href="#"><img src="images/di.png" width="16" height="16" alt="" /></a></div>
      </div>
      <!--grid_3 end here--> 
      
      <!--grid_3 start here-->
      <div class="grid_3 nomarginright paddingleft">
        <h1>Contact</h1>
        <br />
        <p class="text_shadow">Reach us at <a href="#">dummy@eGrappler.com</a><br />
          Call now +44 32 8875 3231</p>
      </div>
      <!--grid_3 end here--> 
      
    </div>
    
    <!--footer end here-->
    
    <div class="copyright">Copyright 2012 Clean Business.</div>
    <ul id="footer_nav">
      <li><a href="#">Home</a></li>
      <li><a href="#">about</a></li>
      <li><a href="#">services</a></li>
      <li><a href="#">portfolio</a></li>
      <li><a href="#">contact</a></li>
      <li class="noborderright"><a href="#">blog</a></li>
    </ul>
  </div>
  <!--grid_12 start here-->
  
  <div class="clear"></div>
</div>
<!--container_12 end here-->

</body>
</html>
